<template>
  <div  class="header">
<!--    <div class="icon">

    </div>-->
    <h1 class="text">
      CC Music
    </h1>
    <i class="icon-mine">

    </i>
  </div>
</template>

<script>
  export default {}
</script>

<style scoped lang="stylus">
  @import "~common/stylus/variable"
  @import "~common/stylus/mixin"

  .header
    height 44px
    text-align center
    position relative
    font-size 0
    color $color-theme
    .icon
      display inline-block
      width 32px
      height 32px
      bg-image('logo')
      background-size 32px 32px
    .text
      display inline-block
      font-size $font-size-large
      line-height 44px
      vertical-align top
      margin-left 5px
    .icon-mine
      position absolute
      top 9px
      right 3px
      font-size 22px


</style>
